<template>
	<view class="box ">
		<view class="mt-15 text-center ">
			<text>￥</text>
			<text class="size-40 ">{{price}}</text>
		</view>
		<view class="text-center size-26 ">
			<text class="mr-10 ">{{$root.m0}}</text>
		</view>
		<view class="card shadow ">
			<view class="plr-36 ">
				<u-radio-group iconPlacement="right" placement="column" v-model="payment">
					<view class="radio-val flex-row ">
						<view class="flex flex-row ">
							<u-icon color="#0BB90B" name="weixin-circle-fill" size="28"></u-icon>
							<view class="icon-title ">{{$root.m1}}</view>
						</view>
						<u-radio :name="4"></u-radio>
					</view>
				</u-radio-group>
			</view>
		</view>
		<view class="fixed-bottom pd-36  ">
			<u-button type="primary">{{$root.m2}}</u-button>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			vare;
			returne = {
				order_id: "",
				price: "",
				time: 0,
				payment: 3,
				code: ""
			}, (0, o.default)(e, "price", 0), (0, o.default)(e, "userInfo", {}), e
		},
		onLoad() {

		},
		onShow() {

		},

		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.u-primary-hover {
		background: linear-gradient(90deg, #00b6b4, #00d496) !important
	}

	.u-radio {
		display: -webkit-flex;
		display: flex;
		flex-direction: row-reverse
	}

	.u-radio-group {
		width: 100% !important
	}

	.u-radio__label {
		width: 100%
	}

	.mt-15 {
		padding-top: 80upx
	}

	.mt-15 .size-40 {
		font-size: 100upx
	}

	.mr-10 {
		color: #999
	}

	.flex,
	.radio-val {
		display: -webkit-flex;
		display: flex
	}

	.radio-val {
		align-items: center;
		justify-content: space-between;
		margin: 30upx
	}

	.icon-title {
		margin-left: 20upx
	}

	.icon-des {
		color: #999;
		font-size: 22upx;
		margin-left: 20upx
	}

	.card {
		background-color: #fff;
		border-radius: 20upx;
		margin: 80upx 30upx
	}
</style>